<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vuetest</title>
    <script type="text/javascript" src="../lib/vue.min.js"></script>
    <script type="text/javascript" src="../lib/jquery-1.11.3.min.js"></script>

</head>
<body>
    <div id="vue_block">

        <template v-if="page.name==='index'">
            <p><a href="#" @click="router_test01">实验01  2017-9-28</a></p>
            <p><a href="#" @click="router_test02">实验02  2017-10-9</a></p>
        </template>


        <template v-else-if="page.name==='test01'">
            <h1>实验01  词法分析</h1>
            <p>2017-9-28 {{author.name}}</p>
            <input type="text" name="token" id="input_test01" @keydown="deal_test01">
        </template>


        <template v-if="page.name==='test02'">
            <h1>实验02  求first集</h1>
            <p>2017-10-9 {{author.name}}</p>
            <textarea id="input_test02" rows="10" cols="50"></textarea><br>
            <button type="button" @click="deal_test02">确认</button>


        </template>
        <div v-if="!page.name">
            加载中……
        </div>
        <div v-else-if="page.state='complete'&&page.name!=='index'">
            <div id="output"></div>
            <a href="#" @click="router_index">返回首页</a>
        </div>

        <div id="code_test">
            <div id="code_test01" v-show="page.name==='test01'" style="display:none">
                <script src="https://code.csdn.net/snippets/2589295.js"></script>
            </div>
            <div id="code_test02" v-show="page.name==='test02'" style="display:none">
                <script src="https://code.csdn.net/snippets/2589294.js"></script>
            </div>
        </div>

    </div>

    <script src="../javascripts/hellovue.js"></script>
</body>
</html>